<template>
  <div id="app">
    <nuxt-layout></nuxt-layout>
  </div>
</template>
<script setup lang="ts">
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
const nuxtApp = useNuxtApp();
const app = nuxtApp.vueApp;
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}
</script>
<style lang="scss">
  #app {
    background: var(--body-color);
    overflow-x: hidden;
  }
  :deep(.el-card__body) {
    padding: 0;
  }

  :deep(.el-card) {
    border: 0;
  }


  @media screen and (max-width: 1118px) {
    .dialog {
      width: 100%;

      :deep(.el-dialog) {
        width: 100% !important;
      }
    }
  }
</style>
